<template>
  <div>
    <p v-abc>{{uname}}</p>
  </div>
</template>

<script>
export default {
props:['uname'],
directives:{
    abc:{
        bind(el){
            el.style.backgroundColor='pink'
        },
        pdate (el) {
        console.log(el.innerHTML) // 修改之前的值
         },
        componentUpdated (el) {
        console.log(el.innerHTML) // 修改之后的值
      }
    }
}
}
</script>

<style>

</style>